<template>
  <div id="orderDetails">
       <el-card style="margin-top:10px">
               <el-form >
          <el-form-item label="筛选：">
              <el-Radio-group v-model="RadioGroup1">
                  <el-Radio-button v-for="food in foods" :label="food" :key="food">{{food}}</el-Radio-button>
                  </el-Radio-group>
          </el-form-item>

          <el-form-item label="其他选项：">
            <el-radio v-model="radio" label="1">顺序</el-radio>
            <el-radio v-model="radio" label="2">倒序</el-radio>
            <el-checkbox v-model="checked">按金额</el-checkbox>
          </el-form-item>
      </el-form>
      </el-card>
  </div>
</template>

<script>
const foodOptions = ['全部', '牛排', '意面', '披萨', '酒水饮料'];
  export default {
    data () {
      return {
        RadioGroup1: ['全部'],
        foods: foodOptions,
      };
    }
  }
</script>

<style>

</style>